<!--
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
Copyright (c) 2014 Mozilla Corporation
-->

<!--a striped table of our fqdn blocks-->
<template name="fqdnblocklist">
    <div class="fqdnblocklist container">
        <div class="fluid center">
            <table class="table table-striped table-hover table-condensed">
                <caption><p class="lead">FQDN Blocklist</p>
                    <div class="pull-left">
                            <input autofocus type="text" id="search" name="search" class="form-control"  placeholder="search..." value="{{query}}">
                    </div>
                </caption>
                {{ #if isReady }}
                    <thead>
                        <tr>
                            <td><button class="btn btn-xs btn-default fqdnblockadd">add</button></td>
                            <td>FQDN</td>
                            <td>Added</td>
                            <td>Expiring</td>
                            <td>Comment</td>
                            <td>By</td>
                            <td>Reference</td>
                        </tr>
                    </thead>
                    <tbody>
                        {{#each documents}}
                            {{>each_fqdnblock}}
                        {{else}}
                            {{#if query}}
                                <tr><td colspan="7"><p class="alert alert-warning">Nothing found for {{query}}..</p></td></tr>
                            {{/if}}
                        {{/each}}
                    </tbody>

                {{else}}
                    {{>loading}}
                {{/if}}
            </table>
            {{> defaultBootstrapPaginator pagination=templatePagination limit=5 containerClass="text-center"}}
        </div>
    </div>
</template>

<!--each individual fqdnblock -->
<template name="each_fqdnblock">

    <tr class="tooltip-wrapper info-row" title="{{creator}} at {{dateAdded}}" data-toggle="tooltip">
        <td></td>
        <td>{{{fqdn}}}</td>
        <td>{{dateAdded}}</td>
        <td>{{dateExpiring}}</td>
        <td>{{comment}}</td>
        <td>{{creator}}</td>
        <td>{{reference}}</td>
        <td>
            <button class="btn btn-xs btn-warning" data-toggle="collapse" data-target="#delete{{_id}}">arm delete</button>
            <div id="delete{{_id}}" class="collapse">
                <button class="btn btn-xs btn-danger fqdnblockdelete" data-fqdnblockid={{_id}}>delete</button>
            </div>
        </td>
    </tr>

</template>
